/** @jsxImportSource @emotion/react */
import * as React from "react";
import {
  useTheme,
  CCell,
  Table,
  TableBody,
  TableRow,
  Text,
  RCell, Cell, TableHead,
} from "customize-easy-ui-component";
import { DirectLink, } from "../../../routing/Link";
import {multilines2Html} from "../../tools";
import {getInstrument2xCol, resTranslCheck, resTranslJd} from "../../common/helper";
import {calcAverageArrObj, } from "../../../common/tool";
import {检验编制核准Eval} from "../rarelyVary";


/**首页
 * @param original 是否为了打印正式版原始记录
 * */
export const 首页设备概况= ({theme, orc, original,rep} :{theme: any, orc:any, original?:boolean,rep:any}
) => {
  return  <Table fixed={ ["20%","%"] }  css={ {borderCollapse: 'collapse'} }>
    <TableBody rheight={40}>
      <TableRow>
        <RCell css={{border:'none'}}>委托单位：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.使用单位}</CCell>
      </TableRow>
      <TableRow >
        <RCell css={{border:'none'}}>设备名称：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc?.设备名称}</CCell>
      </TableRow>
      <TableRow >
        <RCell css={{border:'none'}}>报告编号：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{rep.isp?.no}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>设  备  号：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.eqpcod}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>评估日期：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.检验日期}</CCell>
      </TableRow>
    </TableBody>
  </Table>;
};

/**正式报告用的
 * */
export const 报告设备详情= ( { orc,  repId, verId, rep } : { orc: any,repId: string,verId: string,rep:any}
) => {
  const theme= useTheme();
  const instrumentTable =React.useMemo(() => getInstrument2xCol(orc.仪器表), [orc.仪器表]);
  return <React.Fragment>
      <Table id={'Survey'} fixed={ ["12%","9%","7%","8%","7%","8%","12%","%"] }  css={ {borderCollapse: 'collapse' } }  tight  miniw={800}>
        <TableBody>
          <DirectLink  href={`/report/SAFT-EL/ver/${verId}/${repId}/Survey#Survey`}>
            <TableRow>
              <CCell>设备名称</CCell>
              <CCell colSpan={5}>{orc.设备名称 || '／'}</CCell>
              <CCell>使用登记编号</CCell>
              <CCell>{orc.使用证号 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>使用单位</CCell>
              <CCell colSpan={5}>{orc.使用单位 || '／'}</CCell>
              <CCell>单位地址</CCell>
              <CCell>{orc.使用单位地址 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>楼盘名称</CCell>
              <CCell colSpan={5}>{orc.楼盘 || '／'}</CCell>
              <CCell>分支机构</CCell>
              <CCell>{orc.分支机构 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>楼盘地址</CCell>
              <CCell colSpan={7}>{orc.楼盘地址 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>分支机构地址</CCell>
              <CCell colSpan={7}>{orc.分支机构地址 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>联系人</CCell>
              <CCell colSpan={5}>{orc.安管人员 || '／'}</CCell>
              <CCell>联系电话</CCell>
              <CCell>{orc.安管电话 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>使用地点</CCell>
              <CCell colSpan={5}>{orc.设备使用地点 || '／'}</CCell>
              <CCell>使用单位编号</CCell>
              <CCell>{orc.单位内部编号 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>设备号</CCell>
              <CCell colSpan={5}>{orc.eqpcod}</CCell>
              <CCell>制造日期</CCell>
              <CCell>{orc.制造日期 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>型号规格</CCell>
              <CCell colSpan={5}>{orc.型号 || '／'}</CCell>
              <CCell>产品编号</CCell>
              <CCell>{orc.出厂编号 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>额定载重量</CCell>
              <CCell colSpan={5}><div css={{ display: 'flex',justifyContent: 'space-around',alignItems: 'center'}}>
                <Text >{orc.额定载荷 || '／'}</Text>
                <Text css={{ [theme.mediaQueries.lg+', print']: {wordBreak: 'keep-all'} }}>
                  Kg</Text>
              </div></CCell>
              <CCell>额定速度</CCell>
              <CCell><div css={{ display: 'flex',justifyContent: 'space-around',alignItems: 'center'}}>
                <Text >{orc.额定速度 || '／'}</Text>
                <Text css={{ [theme.mediaQueries.lg+', print']: {wordBreak: 'keep-all'} }}>
                  m/s</Text>
              </div></CCell>
            </TableRow>
            <TableRow>
              <CCell>层数</CCell>
              <CCell>{orc.电梯层数 || '／'}</CCell>
              <CCell>站数</CCell>
              <CCell>{orc.电梯站数 || '／'}</CCell>
              <CCell>门数</CCell>
              <CCell>{orc.电梯门数 || '／'}</CCell>
              <CCell>制造单位</CCell>
              <CCell>{orc.制造单位 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>维保单位</CCell>
              <CCell colSpan={7}>{orc.维保单位 || '／'}</CCell>
            </TableRow>
            <TableRow>
              <CCell>设备使用情况</CCell><CCell colSpan={7}>
              该电梯投入使用年限超过 {orc?.限超过} 年，期间电梯 {orc?.发生过} 发生过事故或重大故障。
              {orc?.被重大} 被重大维修和改造过。 电梯运行环境 {orc?.行环境} ，电梯运行状况 {orc?.行状况} 。
              </CCell>
            </TableRow>
          </DirectLink>
        </TableBody>
      </Table>
  </React.Fragment>;
};

/**限速器校验 正式报告
 * @param usecj： 2=对重限速器？默认=1=轿厢限速器；
 * */
export const 限速器动作速度校验= ({ orc,  repId, verId, rep, usecj } : { orc: any,repId: string,verId: string, rep: any, usecj?:number}
) => {
  const utag=usecj===2? 'DzLimiter':'Limiter';    //两种分开编辑器
  const baseN= usecj===2? '对':'轿';
  return <>
    <TableBody>
      <DirectLink  href={`/report/SAFT-EL/ver/${verId}/${repId}/${utag}#${utag}`}>
        <TableRow>
          <CCell colSpan={8}>{usecj===2? '对重': '轿厢'}限速器</CCell>
        </TableRow>
        <TableRow>
          <CCell>限速器制造单位</CCell>
          <CCell colSpan={3}>{orc?.['限制单'+baseN] || '/'}</CCell>
          <CCell>出厂编号</CCell>
          <CCell colSpan={3}>{orc?.[ (usecj===2? '对限速':'限速器')+'编号'] || '/'}</CCell>
        </TableRow>
        <TableRow>
          <CCell>限速器型号</CCell>
          <CCell colSpan={3}>{orc?.[ (usecj===2? '对限速':'限速器')+'型号'] || '/'}</CCell>
          <CCell>额定速度</CCell>
          <CCell colSpan={2}>{orc?.['限额速'+baseN] || '/'}</CCell>
          <CCell>m/s</CCell>
        </TableRow>
        <TableRow>
          <CCell>标牌电气动作速度（下行）</CCell>
          <CCell colSpan={2}>{orc?.[ (usecj===2? '对限':'限速')+'下电气速'] || '/'}</CCell>
          <CCell>m/s</CCell>
          <CCell>标牌机械动作速度（下行）</CCell>
          <CCell colSpan={2}>{orc?.[ (usecj===2? '对限':'限速')+'下机械速'] || '/'}</CCell>
          <CCell>m/s</CCell>
        </TableRow>
        <TableRow>
          <CCell>标牌电气动作速度（上行）</CCell>
          <CCell colSpan={2}>{orc?.[ (usecj===2? '对限':'限速')+'上电气速'] || '/'}</CCell>
          <CCell>m/s</CCell>
          <CCell>标牌机械动作速度（上行）</CCell>
          <CCell colSpan={2}>{orc?.[ (usecj===2? '对限':'限速')+'上机械速'] || '/'}</CCell>
          <CCell>m/s</CCell>
        </TableRow>
        <TableRow>
          <CCell>安全钳匹配类型</CCell>
          <CCell colSpan={7}>{orc?.['钳匹类'+baseN] || '/'}</CCell>
        </TableRow>
        <TableRow>
          <CCell colSpan={8}>观测值</CCell>
        </TableRow>
        { [['下',[1,2]],['上',[3,4]]].map(([flt,bq], i:number) => {

          return  <React.Fragment key={i}>
            <DirectLink  href={`/report/SAFT-EL/ver/${verId}/${repId}/${utag}#${utag}`}>
              <TableRow>
                <CCell rowSpan={3}>电气动作速度（{flt}行）测量值</CCell>
                <CCell>v{bq[0]}1 =</CCell>
                <CCell>{orc?.['气速'+flt+baseN]?.[0] || '/'}</CCell>
                <CCell>m/s</CCell>
                <CCell rowSpan={3}>机械动作速度（{flt}行）测量值</CCell>
                <CCell>v{bq[1]}1 =</CCell>
                <CCell>{orc?.['械速'+flt+baseN]?.[0] || '/'}</CCell>
                <CCell>m/s</CCell>
              </TableRow>
              <TableRow>
                <CCell>v{bq[0]}2 =</CCell>
                <CCell>{orc?.['气速'+flt+baseN]?.[1] || '/'}</CCell>
                <CCell>m/s</CCell>
                <CCell>v{bq[1]}2 =</CCell>
                <CCell>{orc?.['械速'+flt+baseN]?.[1] || '/'}</CCell>
                <CCell>m/s</CCell>
              </TableRow>
              <TableRow>
                <CCell>v{bq[0]}3 =</CCell>
                <CCell>{orc?.['气速'+flt+baseN]?.[2] || '/'}</CCell>
                <CCell>m/s</CCell>
                <CCell>v{bq[1]}3 =</CCell>
                <CCell>{orc?.['械速'+flt+baseN]?.[2] || '/'}</CCell>
                <CCell>m/s</CCell>
              </TableRow>
              <TableRow>
                <CCell>电气动作速度（{flt}行）平均值</CCell>
                <CCell colSpan={2}>{calcAverageArrObj(orc?.['气速'+flt+baseN],a=>a,2,3)}</CCell>
                <CCell>m/s</CCell>
                <CCell>机械动作速度（{flt}行）平均值</CCell>
                <CCell colSpan={2}>{calcAverageArrObj(orc?.['械速'+flt+baseN],a=>a,2,3)}</CCell>
                <CCell>m/s</CCell>
              </TableRow>
            </DirectLink>
          </React.Fragment>;
        }) }
        <TableRow>
          <CCell>动作速度下限值</CCell>
          <CCell colSpan={2}>{orc?.['度下限'+baseN] || '/'}</CCell>
          <CCell>m/s</CCell>
          <CCell>动作速度上限值</CCell>
          <CCell colSpan={2}>{orc?.['度上限'+baseN] || '/'}</CCell>
          <CCell>m/s</CCell>
        </TableRow>
        <TableRow>
          <CCell>校验结论</CCell>
          <CCell colSpan={7}>{resTranslJd(orc?.['速器论'+baseN]) || '/'}</CCell>
        </TableRow>
      </DirectLink>
    </TableBody>
  </>;
};
//和原始记录共享该变量
//【注意】<Table printColWidth={ ["1","1","1","1","1"] } 打印有问题,需改成fixed=比例%。
//规范化 抽象的配置： @单位竟然有【特殊】 u: <>m/s<sup>2</sup></> 这样遇到的html构造的文字。 <DirectLink>无法穿透.map(){}要放函数里面或者改成数组.push(node);
export const norms制动试验=[{n:'定速度',d:'额定速度',u:'m/s'},{n:'额定载',d:'额定载重',u:'kg'},{n:'试重量',d:'测试重量',u:'kg'},
      {n:'停距离',d:'制停距离',u:'m'},{n:'减速度',d:'制停减速度',u: <>m/s<sup>2</sup></> },{n:'停时间',d:'制停时间',u:'s'}];
export const 制动距离= ( { orc,  repId, verId, rep } : { orc: any,repId: string,verId: string, rep: any}
) => {
  return <>
    <Text variant="h4" css={{marginTop: '1rem',
    }}>附录B 电梯制动试验</Text>
    <Table fixed={ ["10%","14%","15%","14%","14%","%","15%"] }  css={ {borderCollapse: 'collapse' } } tight  miniw={800}>
      <TableHead>
        <TableRow>
          <CCell>方向</CCell>
          { norms制动试验.map((conf, i:number) => {
              return  <CCell key={i}>{conf?.d}({conf?.u})</CCell>;
              })
          }
        </TableRow>
      </TableHead>
      <TableBody>
        { [['上行','上'],['下行','下']].map(([title,tail], p:number) => {
          return  <React.Fragment key={p}>
            <DirectLink  href={`/report/SAFT-EL/ver/${verId}/${repId}/Braking#Braking`}>
              <TableRow>
                <CCell>{title}</CCell>
                { norms制动试验.map((conf, i:number) => {
                    return  <CCell key={i}>{orc?.[conf?.n+tail]}</CCell>;
                  })
                }
              </TableRow>
            </DirectLink>
          </React.Fragment>;
        }) }
      </TableBody>
    </Table>
  </>;
};
export const 运行质量记录表= ( { orc,  repId, verId, rep } : { orc: any,repId: string,verId: string, rep: any}
) => {
  const theme = useTheme();
  return <>
    <Text variant="h4" css={{marginTop: '1rem',
    }}>附录C 电梯运行质量检测记录表</Text>
    <Table fixed={ ["4.5%","13%","14%","32%","20%","%"] }   css={ {borderCollapse: 'collapse' } }>
      <TableHead>
        <TableRow>
          <CCell>序号</CCell><CCell>项目</CCell><CCell>检测内容</CCell><CCell>检测要求</CCell><CCell>实测值</CCell><CCell>检测结果</CCell>
        </TableRow>
      </TableHead>
      <TableBody>
        <DirectLink  href={`/report/SAFT-EL/ver/${verId}/${repId}/Operation#Operation`}>
          <TableRow>
            <CCell>1</CCell>
            <CCell rowSpan={2}>轿厢水平晃动</CCell>
            <CCell>A95峰峰值</CCell>
            <CCell>≤15cm/s<sup>2</sup></CCell>
            <CCell><div css={{ display: 'flex',justifyContent: 'space-around',alignItems: 'center'}}>
              <Text >{orc.平晃峰}</Text>
              <Text css={{ [theme.mediaQueries.lg+', print']: {wordBreak: 'keep-all'} }}>
                cm/s<sup>2</sup></Text>
            </div></CCell>
            <CCell>{resTranslCheck(orc?.平晃峰r)}</CCell>
          </TableRow>
          <TableRow>
            <CCell>2</CCell>
            <CCell>最大峰峰值</CCell>
            <CCell>≤20cm/s<sup>2</sup></CCell>
            <CCell><div css={{ display: 'flex',justifyContent: 'space-around',alignItems: 'center'}}>
              <Text >{orc.平晃最}</Text>
              <Text css={{ [theme.mediaQueries.lg+', print']: {wordBreak: 'keep-all'} }}>
                cm/s<sup>2</sup></Text>
            </div></CCell>
            <CCell>{resTranslCheck(orc?.平晃最r)}</CCell>
          </TableRow>
          <TableRow>
            <CCell>3</CCell>
            <CCell rowSpan={2}>轿厢垂直抖动</CCell>
            <CCell>A95峰峰值</CCell>
            <CCell>≤20cm/s<sup>2</sup></CCell>
            <CCell><div css={{ display: 'flex',justifyContent: 'space-around',alignItems: 'center'}}>
              <Text >{orc.垂抖峰}</Text>
              <Text css={{ [theme.mediaQueries.lg+', print']: {wordBreak: 'keep-all'} }}>
                cm/s<sup>2</sup></Text>
            </div></CCell>
            <CCell>{resTranslCheck(orc?.垂抖峰r)}</CCell>
          </TableRow>
          <TableRow>
            <CCell>4</CCell>
            <CCell>最大峰峰值</CCell>
            <CCell>≤30cm/s<sup>2</sup></CCell>
            <CCell><div css={{ display: 'flex',justifyContent: 'space-around',alignItems: 'center'}}>
              <Text >{orc.垂抖最}</Text>
              <Text css={{ [theme.mediaQueries.lg+', print']: {wordBreak: 'keep-all'} }}>
                cm/s<sup>2</sup></Text>
            </div></CCell>
            <CCell>{resTranslCheck(orc?.垂抖最r)}</CCell>
          </TableRow>
          <TableRow>
            <CCell>5</CCell>
            <CCell rowSpan={2}>噪声</CCell>
            <CCell>轿厢内噪声</CCell>
            <CCell>V≤2.5m/s的电梯应≤55dB(A)，2.5m/s{'<'}V≤6.0m/s的电梯应≤60dB(A)</CCell>
            <CCell><div css={{ display: 'flex',justifyContent: 'space-around',alignItems: 'center'}}>
              <Text >{orc.厢内噪}</Text>
              <Text css={{ [theme.mediaQueries.lg+', print']: {wordBreak: 'keep-all'} }}>dB(A)</Text>
            </div></CCell>
            <CCell>{resTranslCheck(orc?.厢内噪r)}</CCell>
          </TableRow>
          <TableRow>
            <CCell>6</CCell>
            <CCell>开关门噪声</CCell>
            <CCell>≤65dB(A)</CCell>
            <CCell><div css={{ display: 'flex',justifyContent: 'space-around',alignItems: 'center'}}>
              <Text >{orc.关门噪}</Text>
              <Text css={{ [theme.mediaQueries.lg+', print']: {wordBreak: 'keep-all'} }}>dB(A)</Text>
            </div></CCell>
            <CCell>{resTranslCheck(orc?.关门噪r)}</CCell>
          </TableRow>
        </DirectLink>
      </TableBody>
    </Table>
  </>;
};
export const 依据检测仪器= ( { orc,  repId, verId, rep } : { orc: any,repId: string,verId: string,rep:any}
) => {
  const theme= useTheme();
  const instrumentTable =React.useMemo(() => getInstrument2xCol(orc.仪器表), [orc.仪器表]);
  return <React.Fragment>
      <Text variant="h4" css={{
        "@media print": {
          marginTop: '1rem',
        },
      }}>二、评估依据</Text>
      1、DB35/T 1332-2013《曳引式电梯安全性能技术评估规程》<br/>
      2、GBT31821-2015《电梯主要部件报废技术条件》<br/>
      3、TSG T7001-2009《电梯监督检验和定期检验规则—曳引与强制驱动电梯》及1号、2号、3号修改单<br/>
      4、GB24804-2009 《提高在用电梯安全性的规范》<br/>
      5、GB/T 20900-2007 《电梯、自动扶梯和自动人行道 风险评估和降低的方法》
    <Text variant="h4" css={{
      "@media print": {
        marginTop: '1rem',
      },
    }}>三、主要检测仪器</Text>
    <Table fixed={ ["6%","15%","28%","13%","17%","%"] }
           css={ {borderCollapse: 'collapse', height:'fill-available'} }   tight  miniw={800}>
      <TableBody>
        <DirectLink  href={`/report/SAFT-EL/ver/${verId}/${repId}/Instrument`}>
          <TableRow>
            <CCell>序号</CCell>
            <CCell>仪器名称</CCell>
            <CCell>仪器编号</CCell>
            <CCell>序号</CCell>
            <CCell>仪器名称</CCell>
            <CCell>仪器编号</CCell>
          </TableRow>
          {instrumentTable.map((o,i) => {
            return (
                <TableRow key={i}>
                  <CCell>{o.s1}</CCell>
                  <CCell>{o.name1}</CCell>
                  <CCell css={{wordBreak: 'break-all'}}>{o.no1}</CCell>
                  <CCell>{o.s2}</CCell>
                  <CCell>{o.name2}</CCell>
                  <CCell css={{wordBreak: 'break-all'}}>{o.no2}</CCell>
                </TableRow>
            );
          } )
          }
        </DirectLink>
      </TableBody>
    </Table>
  </React.Fragment>;
};
export const 评估综述结论= ( { orc,  repId, verId, rep, evalTotalScore} : { orc: any,repId: string,verId: string,rep:any,evalTotalScore?:string}
) => {
  const theme= useTheme();
  const instrumentTable =React.useMemo(() => getInstrument2xCol(orc.仪器表), [orc.仪器表]);
  return <React.Fragment>
    <Text variant="h4" css={{
      "@media print": {
        marginTop: '1rem',
      },
    }}>四、评估结论</Text>
    <Table fixed={ ["5.5%","%"] }  css={ {borderCollapse: 'collapse' } }  tight  miniw={800}>
      <TableBody>
        <TableRow >
          <CCell rowSpan={3} split={true}>评估综述</CCell>
          <Cell><Text css={{textIndent: '2rem', display: 'flex',}}>
            (一) 电梯安全状况：通过对该电梯的安全性能技术评估，该电梯设备本体安全状况分值为 {evalTotalScore} 分，
            电梯安全级别整体水平为“{orc.级别整}”级， 电梯本体状态“{orc.本体状}”。
          </Text></Cell>
        </TableRow>
        <TableRow >
          <Cell><Text css={{textIndent: '2rem', display: 'flex',}}>
            (二)存在的风险：
          </Text>
            <Text css={{textIndent: '2rem', display: 'flex',}}>
              1、存在 {orc?.unqA?.length || 0 } 个不符合项目，这些项目不符合《电梯监督检验和定期检验规则
              —曳引与强制驱动电梯》（TSG T7001-2009 含1号修改单），已存在一定安全风险，
              必须整改（详见表1）；
            </Text>
            <Text css={{textIndent: '2rem', display: 'flex',}}>
              2、存在 {orc?.unq?.length || 0 } 个不符合项目，虽然能够符合现行安全技术规范要求，但其安全
              技术性能降低，具有一定的潜在安全风险，对以上项目建议整改（详见表2）。在整改完
              成前，维保单位应当加强日常维护保养，使用单位应当采取有效的安全监护措施；
            </Text>
            <Text css={{textIndent: '2rem', display: 'flex',}}>
              3、存在 {orc?.unqB?.length || 0 } 个不符合项目，该电梯执行旧的安全技术规范和标准，因为新旧
              安全技术规范或标准的要求不一致，导致这些项目不符合现行安全技术规范或标准的要
              求（详见表3）。
            </Text>
          </Cell>
        </TableRow>
        <TableRow >
          <Cell><Text css={{textIndent: '2rem', display: 'flex',}}>
            (三)、使用维保建议：
          </Text>
            {multilines2Html(orc?.建议,  (txt,i)=>{
              return <React.Fragment key={i}>{(i!==0)&&<br/>}<Text>{txt}</Text></React.Fragment>
            })}
          </Cell>
        </TableRow>

        <DirectLink  href={`/report/SAFT-EL/ver/${verId}/${repId}/Conclusion#Conclusion`}>
          <TableRow>
            <CCell>评估结论</CCell><Cell><Text>
            1、经过对电梯所存在的风险及电梯运行能力综合分析，建议：<Text css={{fontSize:'1.8rem'}}> {orc?.评估结论} </Text>。<br/>
            2、如果使用单位完成本报告书表1、2、3的全部项目整改，该电梯的下次评估时间为 8 年,否则该电梯的下次评估时间为 5 年。
          </Text></Cell>
          </TableRow>
          <TableRow>
            <CCell>备注</CCell>
            <Cell>{multilines2Html(orc?.大备注,  (txt,i)=>{
              return <React.Fragment key={i}>{(i!==0)&&<br/>}<Text>{txt}</Text></React.Fragment>
            })}</Cell>
          </TableRow>
        </DirectLink>
      </TableBody>
    </Table>
    {检验编制核准Eval({orc,rep})}
  </React.Fragment>;
};

/*特殊布局：<p>段落区域也会自动协调的？
      <Text css={{
        textIndent: '2rem',
        display: 'flex',
      }}>
        <p> 1、111存在 个不符合项目，这些项目不符合《；</p>
        2、222存改（成前，维保单位应当加效的安全监护措施；<br/>
        3、333存在的发或标准见表3）。
      </Text>
* */
